<template>
	<view class="container-box">
		<view class="address-list">
			<view class="address-item" v-for="i in 5" :key='i'>
				<view style="width: 80%;">
					<view>姓名：xxx</view>
					<view>手机号：17324213213123</view>
					<view>地址：xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx</view>
				</view>
				<view style="width: 20%;display: flex;justify-content: flex-end">
					<u-icon name='edit-pen' size="28" color="#117cff"></u-icon>
					<!-- <u-icon name='trash'></u-icon> -->
				</view>
			</view>
		</view>
		<view style="display: flex;justify-content: center;margin-top: 200rpx;">
			<view style="width: 65%;">
				<u-button type="error" @click="addressInfoClick" shape='circle' text="添加"></u-button>
			</view>
		</view>
	</view>
</template>
<script>
	export default {
		data() {
			return {

			}
		},
		methods: {
			addressInfoClick() {
				uni.navigateTo({
					url: '/pages-center/AddressInfo/index'
				})
			}
		}
	}
</script>
<style lang="scss" scoped>
	@import "./index.scss";
</style>